<template>
  <div>
     <ul>
      {{id}}
      <li>我的名字是{{uname}} </li>
      <li>我的姓是{{famliyName}} </li>
      <li>我的年龄是{{age}} </li>
      <li>我的职业是{{profess}} </li>
      <button @click='Afteryear'>过了一年</button>
     </ul>
   </div>
</template>
 
<script>
export default {
  name:'HmSon',
  // 收数据
  props:['id','uname','age','famliyName','profess'],
  methods:{
    Afteryear(){
      // $emit(传过去的事件名，传过去的参数...)
      this.$emit('years',this.id)
    }
  }
};
</script>

<style scoped>
     ul{
      list-style: none;
      border:2px solid #087;
      width: 200px;
      height: 150px;
     }
</style>